<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>山东大学(威海)贴吧自研论坛</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />
	<link href="../css/style.css" rel="stylesheet" type="text/css" />
	<link href="https://www.maksdu.com/static/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	<script src="https://www.maksdu.com/static/component/header.js"></script>
	<style type="text/css">
		body {
			background-color: white;
		}
	</style>
</head>
<body>
<div id="main">
	<section class="aui-flexView" >
		<vheader :header-data="headerData"></vheader>
		<section class="aui-scrollView" style="margin-bottom:55px;">
			<div class="inputBox">
				<div class="input-line">
					<input type="text" class="inputTitle" placeholder="投票标题" v-model="title"/>
				</div>
				<div class="input-line">
					<input type="text" class="inputDesp" placeholder="补充描述(选填)" v-model="voteContent.desp"/>
				</div>
				<div class="input-line">
					<ul>
						<ol v-for="(item, index) in checkItem">
							<div class="input-line"><i class="fa fa-minus-circle fa-fw" style="color:red" @click="releaseItem(index)"></i>&nbsp;<input class="inputDesp" placeholder="选项" style="width: calc(100% - 30px)" v-model="item.text" /></div>
						</ol>
						<ol>
							<div class="input-line" @click="addItem"><i class="fa fa-plus-circle fa-fw" style="color:blue"></i>&nbsp;<span>添加选项</span></div>
						</ol>
					</ul>
				</div>
			</div>
			<div class="divHeight" style="width: 100%; margin: 0px; height: 18px; background-color: #d9d9d9"></div>
			<div class="inputBox">
				<div class="input-line border-line vote-define">
					<span class="vote-left">截止日期</span>
					<!-- <input type="date" class="vote-right"/> -->
				</div>
				<!-- <div class="input-line border-line vote-define">
					<span class="vote-left">匿名投票</span>
				</div>
				<div class="input-line">
					<span>限制传播</span>
				</div> -->
			</div>
			<div id="voteBtn" class="voteButton hide activeButton" @click="create">完成</div>
		</section>
		<footer class="aui-footer aui-footer-fixed">
			<div class="choice-item">
				<ul>
					<ol><a href="vote.html" class="active-fa"><i class="fa fa-edit fa-fw"></i>&nbsp;新建</a></ol>
					<ol><a href="votelist.html"><i class="fa fa-user fa-fw"></i>我的</a></ol>
				</ul>
			</div>
		</footer>
	</section>
</div>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="https://www.maksdu.com/static/js/base.js"></script>
<script type="text/javascript" src="js/voteBroke.js"></script>
</body>
</html>
